<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
    <title>字典列表</title>
     <link href="/TFUI/libs/ZUI/css/zui.css" rel="stylesheet">
    <link href="/TFUI/libs/table/table-style.css" rel="stylesheet">
    <link href="/TFUI/css/index.css" rel="stylesheet">
    <script src="/TFUI/libs/jquery/jquery-1.8.3.min.js"></script>
    <script src="/TFUI/libs/ZUI/js/zui.min.js"></script>
    <script src="/TFUI/libs/jquery/jquery.ba-hashchange.js"></script>
    <link href="/TFUI/libs/ZUI/lib/chosen/chosen.min.css" rel="stylesheet">
    <script src="/TFUI/libs/ZUI/lib/chosen/chosen.min.js"></script>
    <script src="/TFUI/js/public.js"></script>
    <script type="text/javascript" src="/TFUI/js/md5.js"></script>
    <script type="text/javascript" src="/TFUI/js/utils/CommonUtil.js"></script>
    <script type="text/javascript" src="/TFUI/js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="/TFUI/libs/ZUI/lib/datetimepicker/datetimepicker.min.css">
	<script type="text/javascript" src="/TFUI/libs/ZUI/lib/datetimepicker/datetimepicker.min.js"></script>
	<script type="text/javascript" src="/TFUI/js/utils/datetimepickerInit.js"></script>
	<script type="text/javascript" src="/views/login/loginFilter.js"></script>
</head>

<body  menuNo="config_manager_menu">
		<div class="row" id="tf-center-head" style="margin:0;padding:10px 0;border-bottom: 1px solid #D7D7D7;">
				<form class="form-horizontal">
				
					<div class="col-md-8">
					
						<div class="col-xs-4"><div class="input-group" style="padding-top:0px;"><span class="input-group-addon">配置名称</span><input type="text" class="form-control searchParameter"  id="search_typeCnName" ></div></div>
						<div class="col-xs-4"><div class="input-group" style="padding-top:0px;"><span class="input-group-addon">配置编号</span><input type="text" class="form-control searchParameter"  id="search_type" ></div></div>
						<div class="col-xs-4"><div class="input-group" style="padding-top:0px;"><span class="input-group-addon">业务key</span><input type="text" class="form-control searchParameter"  id="search_businessKey" ></div></div>

						<div class="tf-hidden-seach hidden">

						</div>			
									
					</div>

					<div class="col-md-4">
						<!-- <span style="padding-right:8px;" class="tf-Open-seach"><i class="icon icon-double-angle-down"></i></span> -->
						<button class="btn btn-primary" type="button" id="searchBtn" onclick="SysDictListPage.search();">
							<i class="icon icon-search"></i>
							搜索
						</button>
						<div class="pull-right" style="padding-right:20px">
							<div class="dropdown dropdown-hover" style="display:inline-block;" id="hideColumnLayer">
						    <button class="btn btn-primary" type="button" data-toggle="dropdown" title="隐藏表头"><i class="icon icon-eye-close"></i></button>
									<ul class="dropdown-menu" style="left:-65px;">
										<li><label class="checkbox-inline" style="margin-left:20px;"><input type="checkbox" >配置名称</label></li>
										<li><label class="checkbox-inline" style="margin-left:20px;"><input type="checkbox" >配置编号</label></li>
										<li><label class="checkbox-inline" style="margin-left:20px;"><input type="checkbox" >业务key</label></li>
									</ul>
							</div>
						</div>
					</div>
				</form>
		</div>
		<div class="col-md-12">
			<div id="tf-center-table" class="col-md-12" style="overflow:auto;">
				<table class="dataGrid table table-fixed" style="margin-bottom: 10px;" id="dataGridTable">
					<thead id = "dataListThread">
						<tr>
							<th style="width:4%;" class="chooseRecord"><input type="checkbox" class="checkall"></th>
							<th>配置名称</th>
							<th>配置编号</th>
							<th>业务key</th>
							<th>操作</th>
						</tr>
					</thead>
			
					<tbody id="dataListLayer"> </tbody>
				</table>
				
				<!--加载图片和未找到的图片-->
				<div style="text-align:center;display:none;position:relative;top:30%;" id="loadingLayer"><i class="icon icon-spin icon-spinner icon-3x"></i></div>
				<div class="noMsg" style="display: none;"  id="recordLayer" ><i class="icon icon-chat-line">&nbsp;暂无数据</i></div>
				
				<!-- 分页工具栏 -->
				<div id="pagingToolbarLayer" class="col-md-12" style="padding:10px 20px;border-top:1px solid #D7D7D7;position:fixed;bottom:0px;">	
					<button class="btn btn-primary"  id="exportBtn"  type="button">导出</button>
					<div class="pagingToolbar" style="margin:0;">
						<select class="chosen-select form-control" id="pageSizeSelectLayer" style="width:100px;display:inline-block;"></select>
						<button id="firstPageBtn" class="btn btn-primary" type="button">首页</button>
						<span id="pageCodeLayer" class="number-page"></span>
						<button id="lastPageBtn" class="btn btn-primary" type="button">末页</button>
						<div class="btn btn-primary" style="background:white;color:#838391;">
							共<span id="pageCountLayer">0</span>页/<span id="recordCountLayer">0</span>条
						</div>
					</div>	
				</div>
				
			</div>
		</div>
		
		<!-- 编辑字典弹窗start -->
		<div class="modal fade" id="editSysDictWindow">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
		        <h4 class="modal-title">编辑</h4>
		      </div>
		      <div class="modal-body" style="padding:20px;">
					<form class="form-horizontal">
						 
						<div class="form-group">
							<label for="edit_typeCnName" class="col-sm-2">配置名称</label>
							<div class="col-md-6 col-sm-10">
								<input type="text" class="form-control"  id="edit_typeCnName" autocomplete="off" disabled="disabled">
							</div>
						</div>
						
						<div class="form-group">
							<label for="edit_type" class="col-sm-2">配置编号</label>
							<div class="col-md-6 col-sm-10">
								<input type="text" class="form-control" id ="edit_type"  autocomplete="off" disabled="disabled">
							</div>
						</div>
						
						<div class="form-group">
							<label for="edit_remark" class="col-sm-2">备注</label>
							<div class="col-md-6 col-sm-10">
								<textarea class="form-control" rows="5"  id="edit_remark"></textarea>
							</div>
						</div>
						
					</form>				  
		      </div>
		      
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default closeWindowBtn" data-dismiss="modal">关闭</button>
		        <button type="button" class="btn btn-primary" id="updateSysRoleBtn" onclick="SysRoleListPage.updateSysRole();">保存</button>
		      </div>
		      
		    </div>
		  </div>
		</div>
		<!-- 编辑字典弹窗end -->

		<script type="text/javascript" src="/TFUI/js/utils/PagingTooler.js"></script>
		<script type="text/javascript" src="/views/sysDict/sysDictListPage.js"></script>
		<script src="/TFUI/libs/export/xlsx.core.min.js"></script>
		<script src="/TFUI/libs/export/blob.js"></script>
		<script src="/TFUI/libs/export/FileSaver.min.js"></script>
		<script src="/TFUI/libs/export/tableExport.js"></script>
		<script src="/TFUI/js/tableInit.js"></script>

</body>

<script>

/*导出excel功能*/
$("#dataGridTable").tableExport({exportBtnConfig : {"#exportBtn" : "xlsx"} , fileName : "列表导出" , ignoreCloumns : ["操作"]});

</script>


</html>
